<style lang="scss" scoped>
  $size: 4vw;
  .cookie-cookie {
    .cookie_box{
      padding-bottom: $size;
      margin-bottom: $size;
      border-bottom: .5px solid #788b8c;
      & > *{
        font-size: $size;
      }
    }
  }
</style>

<template lang="pug">
  .cookie-cookie
    .cookie_box.box_between(v-for="(item, i) in storageData" @click="copy(item)")
      span {{item}}
      icon.rotate45(icon="plus" @click.stop="$emit('delCookie', i)")
</template>

<script>
  import {mapState, mapGetters, mapMutations} from 'vuex'
  export default {
    name: "cookie-cookie",
    props: ['storageData'],
    data() {
      return {}
    },
    computed: {
      ...mapState([]),
      ...mapGetters([]),

    },
    methods: {
      ...mapMutations([]),
      copy(val){
        this.$emit('click', val, false);
      },
    },
    created() {
    },
    mounted() {

    },

  }
</script>

